<!-- <script>
import { ref, reactive } from "vue";
export default {
  setup(){
    const oName="app"
    return {
      oName
    }
  }
}
</script> -->

<!-- defineComponent 配合lang=ts使用， 为了类型检查 -->
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  setup() {
    const conut = 0;        //没有在return中暴露的变量，是不能在视图中访问的
    const oName = "app";

    return {
      oName,
    };
  },
});
</script>

<template>
  <div class="">
    Bar
    <!-- <h2>{{ count }}</h2> -->
    <h2>{{ oName }}</h2>
  </div>
</template>

<style lang="less"></style>
